<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index-d8c09e7bc1.css">
    <script src="js/index-64ae00728e.js"></script>
     <!-- Demo styles -->
    <script>
        111
    </script>
</head>
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(./img/fade1.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(./img/fade2.jpg)"></div>
            <div class="swiper-slide last" style="background-image:url(./img/fade3.jpg)">
                <button id="enter">欢迎进入</button>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-white"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>

    </div>

        <div class="main-container">
        <div id="header">iScroll</div>  
  
    <div id="content">  
        <div id="scroller">  
            <div id="pullDown" class="ub ub-pc c-gra">  
                <div class="pullDownIcon"></div>  
                <div class="pullDownLabel">下拉刷新</div>  
            </div>  
            <ul id="add">  
                
            </ul>  
            <div id="pullUp" class="ub ub-pc c-gra">  
                <div class="pullUpIcon"></div>  
                <div class="pullUpLabel">上拉显示更多...</div>  
            </div>  
        </div>  
    </div>

        <div id="footer">
            <ul>
                <li id="home"><a href="##">技能<i class="icon iconfont icon-homefill"></i></a></li>
                <li id="skill"><a href="##">项目<i class="icon iconfont icon-edit"></i></a></li>
                <li id="experience"><a href="##">经历<i class="icon iconfont icon-experience"></i></a></li>
                <li id="personal"><a href="##">我<i class="icon iconfont icon-erciyishangyonghutiyan"></i></a></li>
            </ul>
        </div>
    </div>

     
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            spaceBetween: 30,
            effect: 'fade'
        });          
    </script>
</body>
</html>